<div class="pure-view-container x-view-has-nav">
  <nav aria-label="breadcrumb" class="x-view-nav">
    <ol class="breadcrumb">
      <li class="breadcrumb-item">${t('ui.example.example2Search.title.example2')}</li>
      <li class="breadcrumb-item active" aria-current="page">${t('ui.example.example2Edit.title.example2')}
      </li>
    </ol>
  </nav>
  <div class="x-view-title">${t('ui.example.example2Edit.title.example2')}</div>
  <form>
    <div class="form-group"><label for="id">${t('ui.example.example2.field.id')}</label><input type="text"
        class="form-control" id="id" name="id" data-x-name="id" readonly="" /></div>
    <div class="form-group"><label
        for="exampleName">${t('ui.example.example2.field.exampleName')}</label><input type="text"
        class="form-control" id="exampleName" name="exampleName" data-x-name="exampleName" /></div>
    <div class="form-group"><label for="remark">${t('ui.example.example2.field.remark')}</label><input
        type="text" class="form-control" id="remark" name="remark" data-x-name="remark" /></div>
    <div class="form-group"><label
        for="enableFlag">${t('ui.example.example2.field.enableFlag')}</label><select class="form-control"
        id="enableFlag" name="enableFlag" data-x-name="enableFlag">
        <option value="true">${t('ui.system.common.option.bool.true')}</option>
        <option value="false">${t('ui.system.common.option.bool.false')}</option>
      </select></div><input type="hidden" data-x-name="versionNumber" />
    <div class="x-footer-bar"><button data-x-ui="saveBtn" type="button"
        class="btn btn-primary">${t('ui.example.example2.btn.save')}</button><button data-x-ui="backBtn"
        type="button" class="btn btn-primary">${t('ui.example.example2.btn.back')}</button></div>
  </form>
</div>
<script src="${appJs('app/example/example2/example2-edit/example2-edit.js')}" type="text/javascript"></script>